<!DOCTYPE html>
<html>
<head>
	<title>河北师范大学首页</title>
	<meta charset="utf-8"/>
	<style type="text/css">
		*{
			margin: 0px;
			padding: 0px;
		}
		body{
			background-image:url(image/body_bg.gif);
			background-repeat: repeat-x;
		}
		a{
			color:#000;
			text-decoration: none;
			font-size: 12px;
		}
		#top{
			width: 1000px;
			margin: 0 auto;
			border-top: 5px solid #284c7e;
			padding-top: 15px;
		}
		#top_right{
			display: inline-block;
			margin-left: 300px;
			text-align: right;    
		}
		#top_right input{
			width: 340px;
		}
		#nav{
			width: 1000px;
			margin: 0 auto;
			border-top: 1px solid #d6d6d6;
			margin-top:20px;
		}
		li{
			display: inline-block;
			width: 105px;
			line-height: 60px;
			text-align: center;
		}
		#nav li a{
			font-size: 15px;
			font-weight: bold;
		}
		#nav li:hover{
			background: #0e6eb8;
		}
		#nav li:hover a{
			color:#fff;
		}
		#banner{
			background-color: #f7f7f7;
			text-align: center;
		}
		/*不用设置width: 1000px有背景色*/
	</style>
</head>
<body>
	<!--这是页面首部-->
	<div id="top">
		<img src="image/logo.png" alt="logo"/>
		<div id="top_right">
			<a href="#">旧版网页</a>
			<a href="#">English Version</a>
			<br/>
			<input type="text" name="search"/>
		</div>
	</div>
	<div id="nav">
		<ul>
			<li><a href="#">首页</a></li>
			<li><a href="#">学校概况</a></li>
			<li><a href="#">机构设置</a></li>
			<li><a href="#">人才培养</a></li>
			<li><a href="#">科学研究</a></li>
			<li><a href="#">招生就业</a></li>
			<li><a href="#">人才招聘</a></li>
			<li><a href="#">公共服务</a></li>
			<li><a href="#">校友会</a></li>
		</ul>
	</div>
	<div id="banner">
		<img src="image/shida.jpg" alt="banner"/>
	</div>
</body>
</html>